.switch-color .color-box { border-radius: 50%; padding: 0; width: 26px; height: 26px; display: inline-block; }
.switch-color .blue { background-color: #3b40ce; }
.switch-color .green { background-color: #1abc9c; }
.switch-color .aqua { background-color: #22a7f0; }
.switch-color .yellow { background-color: #ffb61e; }
.switch-color .pink { background-color: #f62459; }
.switch-color .purple { background-color: #9e18d8; }
.green .brand { background-color: #148f77; }
.green header { background-color: #1abc9c; }
.green .navigation .header { color: #1abc9c; }
.green .text-primary { color: #1abc9c !important; }
.green .bg-primary { background-color: #1abc9c !important ;}
.green .btn-primary { background-color: #1abc9c !important; border: 1px solid #1abc9c !important; }
.green .navigation > li > a.active > i, .green .navigation > li > a:hover > i, .green .navigation > li > a[aria-expanded=true] > i { background-color: #1abc9c; }
.green .page-header { color: #17a689; }
.aqua .brand { background-color: #0e8cd1; }
.aqua header { background-color: #22a7f0; }
.aqua .text-primary { color: #22a7f0 !important; }
.aqua .navigation .header { color: #22a7f0; }
.aqua .bg-primary { background-color: #22a7f0 !important ;}
.aqua .btn-primary { background-color: #22a7f0 !important; border: 1px solid #22a7f0 !important; }
.aqua .navigation > li > a.active > i, .aqua .navigation > li > a:hover > i, .aqua .navigation > li > a[aria-expanded=true] > i { background-color: #22a7f0; }
.aqua .page-header { color: #109ce9; }
.yellow .brand { background-color: #ea9e00; }
.yellow header { background-color: #ffb61e; }
.yellow .text-primary { color: #ffb61e !important; }
.yellow .navigation .header { color: #ffb61e; }
.yellow .bg-primary { background-color: #ffb61e !important ;}
.yellow .btn-primary { background-color: #ffb61e !important; border: 1px solid #ffb61e !important; }
.yellow .navigation > li > a.active > i, .yellow .navigation > li > a:hover > i, .yellow .navigation > li > a[aria-expanded=true] > i { background-color: #ffb61e; }
.yellow .page-header { color: #ffae04; }
.pink .brand { background-color: #de093f; }
.pink header { background-color: #f62459; }
.pink .navigation .header { color: #f62459; }
.pink .bg-primary { background-color: #f62459 !important ;}
.pink .text-primary { color: #f62459 !important; }
.pink .btn-primary { background-color: #f62459 !important ; border:1px solid #f62459 !important;}
.pink .navigation > li > a.active > i, .pink .navigation > li > a:hover > i, .pink .navigation > li > a[aria-expanded=true] > i { background-color: #f62459; }
.pink .page-header { color: #f50c46; }
.purple .brand { background-color: #7c13aa; }
.purple header { background-color: #9e18d8; }
.purple .text-primary { color: #9e18d8 !important; }
.purple .navigation .header { color: #9e18d8; }
.purple .bg-primary { background-color: #9e18d8 !important ;}
.purple .btn-primary { background-color: #9e18d8 !important; border: 1px solid #9e18d8 !important; }
.purple .navigation > li > a.active > i, .purple .navigation > li > a:hover > i, .purple .navigation > li > a[aria-expanded=true] > i { background-color: #9e18d8; }
.purple .page-header { color: #8d15c1; }


/*date picker*/
div#ui-datepicker-div {
    background: #fff;
    padding: 1%;
    border-radius: 1px;
    -webkit-box-shadow: 5px 5px 12px 0px #706F70;
    -moz-box-shadow: 5px 5px 12px 0px rgba(112,111,112,1);
    box-shadow: 5px 5px 12px 0px #BDBBBD;
    border: 1px solid #CECDCD;
    display:none;
}
.ui-datepicker-calendar { }
.ui-datepicker-calendar tr {
}
.ui-datepicker-calendar tr td {
}
a.ui-state-default {
    margin:10px;
}
a.ui-datepicker-prev.ui-corner-all {
    cursor:pointer;
}
a.ui-datepicker-next.ui-corner-all {
    float: right;
    cursor:pointer;
}
.ui-datepicker-title {
    text-align: center;
    margin-bottom: 10px;
}


#cssload-cupcake {
	flex-direction: row;
		-o-flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
	justify-content: center;
		-o-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	height: 100%;
	width: 100%;
}

.cssload-letter {
	font-size: 25px;
	color: rgb(34,34,34);
	font-family: tahoma;
}

.cssload-box {
	display: box;
	display: box;
		display: -o-box;
		display: -ms-box;
		display: -webkit-box;
		display: -moz-box;
	display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: -moz-flex;
}

.cssload-cupcakeCircle,
.cssload-cupcakeInner,
.cssload-cupcakeCore {
	border-radius: 50%;
}

.cssload-cupcake,
.cssload-letter,
.cssload-cupcakeCircle,
.cssload-cupcakeInner,
.cssload-cupcakeCore {
	flex: none;
		-o-flex: none;
		-ms-flex: none;
		-webkit-flex: none;
		-moz-flex: none;
}

.cssload-letter,
.cssload-cupcakeCircle {
	align-self: center;
	align-self: center;
		-o-align-self: center;
		-ms-align-self: center;
		-webkit-align-self: center;
		-moz-align-self: center;
}

.cssload-cupcakeCircle {
	align-items: center;
		-o-align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
	justify-content: center;
		-o-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	height: 25px;
	width: 25px;
	background-color: rgb(34,34,34);
}

.cssload-cupcakeInner {
	align-self: center;
		-o-align-self: center;
		-ms-align-self: center;
		-webkit-align-self: center;
		-moz-align-self: center;
	justify-content: center;
		-o-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	height: 50%;
	width: 50%;
	background-color: rgb(255,255,255);
	animation-name: cssload-cupcakeAnimate;
		-o-animation-name: cssload-cupcakeAnimate;
		-ms-animation-name: cssload-cupcakeAnimate;
		-webkit-animation-name: cssload-cupcakeAnimate;
		-moz-animation-name: cssload-cupcakeAnimate;
	animation-duration: 1175ms;
		-o-animation-duration: 1175ms;
		-ms-animation-duration: 1175ms;
		-webkit-animation-duration: 1175ms;
		-moz-animation-duration: 1175ms;
	animation-direction: alternate;
		-o-animation-direction: alternate;
		-ms-animation-direction: alternate;
		-webkit-animation-direction: alternate;
		-moz-animation-direction: alternate;
	animation-timing-function: ease-in-out;
		-o-animation-timing-function: ease-in-out;
		-ms-animation-timing-function: ease-in-out;
		-webkit-animation-timing-function: ease-in-out;
		-moz-animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
}

.cssload-cupcakeCore {
	align-self: center;
		-o-align-self: center;
		-ms-align-self: center;
		-webkit-align-self: center;
		-moz-align-self: center;
	height: 25%;
	width: 25%;
	background-color: rgb(34,34,34);
	animation-name: coreAnimate;
		-o-animation-name: coreAnimate;
		-ms-animation-name: coreAnimate;
		-webkit-animation-name: coreAnimate;
		-moz-animation-name: coreAnimate;
	animation-duration: 2.35s;
		-o-animation-duration: 2.35s;
		-ms-animation-duration: 2.35s;
		-webkit-animation-duration: 2.35s;
		-moz-animation-duration: 2.35s;
	animation-direction: alternate;
		-o-animation-direction: alternate;
		-ms-animation-direction: alternate;
		-webkit-animation-direction: alternate;
		-moz-animation-direction: alternate;
	animation-timing-function: ease-in-out;
		-o-animation-timing-function: ease-in-out;
		-ms-animation-timing-function: ease-in-out;
		-webkit-animation-timing-function: ease-in-out;
		-moz-animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
}





@keyframes cssload-cupcakeAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-o-keyframes cssload-cupcakeAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-ms-keyframes cssload-cupcakeAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-webkit-keyframes cssload-cupcakeAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-moz-keyframes cssload-cupcakeAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@keyframes coreAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-o-keyframes coreAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-ms-keyframes coreAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-webkit-keyframes coreAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}

@-moz-keyframes coreAnimate {
	to {
		height: 90%;
		width: 90%;
	}
}